import React from 'react'

import './App.css'
import { Badge } from 'antd-mobile'
import { ShopbagOutline } from 'antd-mobile-icons'
export default function Car({count,price}) {
  return (
    <div className='car'>
      <Badge content={count}  style={{ '--right': '15%' }}>
        <div className='car-icon'>

          <ShopbagOutline fontSize={36} />
        </div>
      </Badge>

      <div className='car-price'>
        ￥{price.toFixed(2)}
      </div>
      <div className='car-content'>
        另需配送费￥4元
      </div>
      <div className='car-btn'>
        <span>去结算</span>
      </div>
    </div>
  )
}
